<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/login.css">
    <script src="js/jquery-1.12.3.js"></script>
    <script src="js/index.loading.js"></script>
</head>
<body>
    <!--表头-->
    <div id="logo-wrapper">
        <div class="logo" >
            <a href="#" title="欢迎来到zol商城">ZOL商城</a>

        </div>
        <p>中关村在线旗下网上商城</p>

        <div class="telphone">
            <span>还没有ZOL商城账号？</span>

            <a href="register.html">立即注册</a>
        </div>
    </div>

    <!--登陆界面    -->
    <div id="login-wrapper">
        <div class="login">
            <div class="login-logo">
                <a href="#"></a></div>
            <div class="login-right">
                <div class="lr-header">
                    <h3>登陆商城</h3>
                    <span><i class="iconfont">&#xe626;</i>
                        <a href="#">手机动态码登陆</a>
                    </span>
                </div>

                <form class="lr-form">
                    <input type="text" class="userlogin" name="loginname" placeholder="手机号/邮箱/用户名"/>
                    <input type="text" class="userpwd" name="userpwd" placeholder="密码"/>
                    <div class="forgetpwd">
                        <a href="#">忘记密码？</a>
                    </div>
                    <input class="login" type="button" value="登陆"/>
                </form>

                <div class="lr-coop">
                    <div class="xian"></div>
                    <p>合作账号登陆</p>
                    <div class="xian"></div>
                </div>
                <div class="lr-pic">
                    <a href="#"> <i class="iconfont">&#xe60f;</i>   </a>
                    <a href="#"> <i class="iconfont">&#xe61e;</i>   </a>
                    <a href="#"> <i class="iconfont">&#xe613;</i>   </a>
                    <a href="#"> <i class="iconfont">&#xe612;</i>   </a>
                    <a href="#"> <i class="iconfont">&#xe608;</i>   </a>
                </div>
            </div>

        </div>
    </div>
    <!--足部-->
    <div id="footer-wrapper">
        <div class="footer">
            <a href="#">关于ZOL商城</a>&nbsp; |&nbsp;
            <a href="#">联系我们</a>&nbsp;|&nbsp;
            <a href="#">帮助中心</a>
            <p>©2017. 中关村在线 版权所有</p>
        </div>
    </div>
</body>
</html>